<style>
  .mood-list li a span{display: block;transition: all .3s linear;}
</style>
<ul class="mood-list clearfix" style="margin-bottom: 20px">
  <li><a style="background: antiquewhite ; border:1px solid gray" href="#"><span>关于博主</span></a></li>
  <li><a style="background: #F7F7F7 ; border:1px solid #D3D3D3" href="#"><span>心情随笔</span></a></li>
  <li><a style="background: #FFFFF7 ; border:1px solid #FFCC00" href="#"><span>韶华追忆</span></a></li>
  <li><a style="background: #F2FDDB ; border:1px solid #ADCD3C" href="/"><span>网站首页</span></a></li>
  <li><a style="background: #FFF5FA ; border:1px solid #F8B3D0" href="#"><span>Blog留言</span></a></li>
  <li><a style="background: #F2FAFF ; border:1px solid #5C9CC0" href="#"><span>叶子书屋</span></a></li>
</ul>
<script>
  (function(){
    $('.mood-list li').hover(function(){
      
      $(this).children("a").children('span').css({
        "transform":"rotate(360deg)"
      })
    },function(){
      $(this).children("a").children('span').css({
       "transform":"rotate(-360deg)"
      })
    })
  })()
</script>